<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="/temp/default/js/jquery-3.1.0.min.js"></script>
    <script src="/temp/default/js/flexible.debug.js"></script>
    <script src="/temp/default/js/flexible_css.debug.js"></script>
    <link rel="stylesheet" href="/temp/default/css/paySuc.css">
    <title>支付成功</title>
</head>
<body>
    <div class="container">
        <img src="/temp/default/image/avatar.png" class="icon" />
        <p class="label">支付成功</p>
        <input type="button" value="点击分享给好友" onclick="share()" />
    </div>

    <div id="mask">
        <img src="/temp/default/image/share.png" alt="分享" srcset=""/>
    </div>
    <script>
    var share = function(){
        $('#mask')[0].style.display = 'block';
    }
    $('#mask').click(function(){
        $('#mask')[0].style.display = 'none';
    });
    </script>

    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script>
        var appId = '{$signPackage.appId}';
        var timestamp = '{$signPackage.timestamp}';
        var nonceStr = '{$signPackage.nonceStr}';
        var signature = '{$signPackage.signature}';
        var ordersn = '{$ordersn}';
        wx.config({
            debug: false,
            appId: appId,
            timestamp:timestamp,
            nonceStr: nonceStr,
            signature: signature,
            jsApiList: [
                // 所有要调用的 API 都要加到这个列表中
                'onMenuShareTimeline',
                'onMenuShareAppMessage'
            ]
        });
        wx.ready(function(){
            wx.onMenuShareTimeline({
                title:'未来动力科技红包！【可提现个人余额】', // 分享标题
                link: 'http://dingwei.famishare.me/tosend.php?ordersn='+ordersn, // 分享链接
                imgUrl:'http://dingwei.famishare.me/temp/default/image/hongbao.png', // 分享图标
                desc:'点击即可领取，没有强制关注哦！',
                success: function () {
                    // 用户确认分享后执行的回调函数
                    //  alert("分享成功");
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });
            wx.onMenuShareAppMessage({
                title:'未来动力科技红包！【可提现个人余额】', // 分享标题
                desc:'点击即可领取，没有强制关注哦！',
                link: 'http://dingwei.famishare.me/tosend.php?ordersn='+ordersn, // 分享链接
                imgUrl:'http://dingwei.famishare.me/temp/default/image/hongbao.png', // 分享图标
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function () {
                    // 用户确认分享后执行的回调函数
                    //  alert("分享成功");
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });
        })

    </script>
</body>
</html>